<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commons/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>产品管理</title>
</head>
<body>
	<shiro:hasPermission name="MG_PERMISSION" />
	<div class="easyui-panel" style="width: fill; padding: 5px;" data-options="iconCls:'icon-search',border:false">
		<div class="easyui-panel" title="快捷查询" style="width: fill; margin-bottom: 5px;"
			data-options="iconCls:'icon-search',border:true">
			<table>
				<tr>
					<td>产品编码：<input type="text" id="txtCode" name="params.code" /></td>
					<td>产品名称：<input type="text" id="txtName" name="params.name" /></td>
					<td>品牌：<input type="text" id="txtModel" name="params.name" /></td>
					<td>所属商家：<s:select list="providers" listKey="id" listValue="name" id="providerId" emptyOption="true" theme="simple" />
					</td>
					<td><a href="javascript:void(0)" class="easyui-linkbutton" onclick="query()">查询</a></td>
				</tr>
			</table>
		</div>
		<table id="gridProduct" class="easyui-datagrid" title="客户列表" style="width: fill; height: 600px;"
			data-options="singleSelect:true,iconCls:'icon-database',border:true,nowrap:false,rownumbers:true,pagination:true,pageSize:50,pageList:[20,50,100],url:'${patch}/business/product/list.do'">
			<thead>
				<tr>
					<th data-options="field:'id',hidden:true">Id</th>
					<th data-options="field:'code',align:'center'">产品编码</th>
					<th data-options="field:'name',align:'center'">产品名称</th>
					<th data-options="field:'providerName',align:'center'">所属商家</th>
					<th data-options="field:'model',align:'center'">品牌</th>
					<th data-options="field:'price',align:'center'">单价</th>
					<th data-options="field:'createDateString',align:'center'">创建日期</th>
				</tr>
			</thead>
		</table>
		<div id="winProduct" class="easyui-window" title="添加新产品"
			data-options="modal:true,closed:true,minimizable:false,maximizable:false,collapsible:false,iconCls:'icon-save'"
			style="width: 580px; height: 520px; padding: 5px;"></div>
	</div>
	<script type="text/javascript">
		$('#gridProduct').datagrid({
			toolbar : [ {
				text : '添加',
				iconCls : 'icon-add',
				handler : function() {
					$('#winProduct').window({
						href : '${path}/business/product/addNew.do'
					});
					$('#winProduct').window('open');
				}
			}, {
				text : '编辑',
				iconCls : 'icon-edit',
				handler : function() {
					var data = $("#gridProduct").datagrid('getSelected');
					if (null == data) {
						$.messager.alert('提示信息', '请选择要编辑的行。');
					} else {
						$('#winProduct').window({
							href : '${path}/business/product/edit.do?id=' + data.id
						});
						$('#winProduct').window('open');
					}
				}
			}, {
				text : '删除',
				iconCls : 'icon-remove',
				handler : function() {
					var data = $("#gridProduct").datagrid('getSelected');
					if (null == data) {
						$.messager.alert('提示信息', '请选择要删除的行。');
					} else {
						$.messager.confirm('确认操作', '你确定要删除所选客户信息吗！？', function(isOk) {
							if (isOk) {
								$.ajax({
									url : '${path}/business/product/remove.do?id=' + data.id,
									type : 'GET',
									dataType : 'json',
									success : function(data) {
										if (null != data.message) {
											$.messager.alert('提示信息', data.message);
										} else {
											$.messager.alert('提示信息', '删除成功！');
										}
										refreshgridProduct();
									}
								});
							}
						});
					}
				}
			}, {
				text : '导出',
				iconCls : 'icon-excel',
				handler : function() {
					exportToExcel("gridProduct", "商家列表");
				}
			} ]
		});

		$('#winProduct').window({
			onClose : function() {
				refreshgridProduct();
			}
		});

		function refreshgridProduct() {
			$('#gridProduct').datagrid('reload');
		}

		function closewinProduct() {
			$('#winProduct').window('close');
		}

		function query() {
			$("#gridProduct").datagrid('load', {
				"params.code" : $("#txtCode").val(),
				"params.name" : $("#txtName").val(),
				"params.providerId" : $("#providerId").val(),
				"params.model" : $("#txtModel").val()
			});
		}
	</script>
</body>
</html>